{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<input type="button" value="利用 jQuery 对象的 length 属性获取多选框选中的个数"  id="b3"/>
<input type="checkbox" value="爱好1"/>爱好1
		  <input type="checkbox" value="爱好2"/>爱好2
		  <input type="checkbox" value="爱好3"/>爱好3
		  <input type="checkbox" value="爱好4"/>爱好4
<h6>代码</h6>
<pre>
	&lt;input type="button" value="利用 jQuery 对象的 length 属性获取多选框选中的个数"  id="b3"/&gt;
	&lt;input type="checkbox" value="爱好1"/&gt;爱好1
			  &lt;input type="checkbox" value="爱好2"/&gt;爱好2
			  &lt;input type="checkbox" value="爱好3"/&gt;爱好3
			  &lt;input type="checkbox" value="爱好4"/&gt;爱好4
			  
			  js
	
			  &lt;script language="javascript"&gt;
	window.onload = function () {  //先加载页面内容 再加载js
		
	  //**利用 jQuery 对象的 length 属性获取多选框选中的个数
	  $("#b3").click(function(){
		  //	alert($(":checkbox:checked").length);
				  alert($("input[type='checkbox']:checked").length);
				  $objs = $("input[type='checkbox']:checked");
				  $.each($objs, function (i, obj) {
							//相当于,每循环一次 1.i自增一次2. obj=$objs[i]  
							window.alert("方法1 jquery: " + $(obj).val());
							window.alert("方法2  dom: " + obj.value);
						});
		  })
		
	}
	&lt;/script&gt;

	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
window.onload = function () {  //先加载页面内容 再加载js
	
  //**利用 jQuery 对象的 length 属性获取多选框选中的个数
  $("#b3").click(function(){
	  //	alert($(":checkbox:checked").length);
	  		alert($("input[type='checkbox']:checked").length);
			  $objs = $("input[type='checkbox']:checked");
			  $.each($objs, function (i, obj) {
						//相当于,每循环一次 1.i自增一次2. obj=$objs[i]  
						window.alert("方法1 jquery: " + $(obj).val());
						window.alert("方法2  dom: " + obj.value);
					});
	  })
	
}
</script> {/block}